﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="DancersDBPlaylist.ascx.cs" Inherits="portfolio.Views.DancersDBViews.DancersDBPlaylist" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<div class="dancersDBContainer">
    
    <asp:ImageButton ID="btnExportWord" runat="server" ImageUrl="~/Images/DancersDBImages/Word.png" CssClass="dancersDBExportWord" 
        OnClick="btnExportWord_Click" ToolTip="Export Playlist to MS Word" />
    <br />
    <telerik:RadSplitter ID="rsDancePlayListMaker" runat="server" Orientation="Horizontal" Width="1252" Height="530">
        <telerik:RadPane ID="rpDanceLibrary" runat="server" Scrolling="None" >
            <telerik:RadGrid ID="rgDanceLibraryData" runat="server" AllowPaging="true" PageSize="20" CellSpacing="0"
                GridLines="None" AllowSorting="true" OnNeedDataSource="rgDanceLibraryData_NeedDataSource" AutoGenerateColumns="false"
                AllowFilteringByColumn="true" OnItemCommand="rgDanceLibraryData_ItemCommand" OnPreRender="rgDanceLibraryData_PreRender"
                Width="100%" Height="100%">
                <ClientSettings>
                    <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                </ClientSettings>
                <GroupingSettings CaseSensitive="false" />
                <PagerStyle PageSizeControlType="RadComboBox" />
                <MasterTableView IsFilterItemExpanded="true" CommandItemDisplay="Top" AllowFilteringByColumn="true" 
                    InsertItemPageIndexAction="ShowItemOnCurrentPage" EditMode="InPlace" DataKeyNames="SongID">
                    <CommandItemSettings ShowAddNewRecordButton="false" />
                    <Columns>
                        <telerik:GridButtonColumn HeaderStyle-Width="25" ButtonType="ImageButton" CommandName="AddSong" ImageUrl="~/Images/DancersDBImages/AddSong.gif"/>
                        <telerik:GridBoundColumn DataField="SongID" HeaderText="SongID" ShowFilterIcon="false" FilterControlAltText="Filter SongID Column"
                            SortExpression="SongID" UniqueName="SongID" HeaderStyle-Width="225" Display="false" AllowFiltering="false" />

                        <telerik:GridBoundColumn DataField="Song" HeaderText="Song" ShowFilterIcon="false" FilterControlAltText="Filter Song Column"
                            SortExpression="Song" UniqueName="Song" HeaderStyle-Width="225" AllowFiltering="false">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="Artist" HeaderText="Artist" ShowFilterIcon="false" FilterControlAltText="Filter Artist Column"
                            SortExpression="Artist" UniqueName="Artist" HeaderStyle-Width="225" AllowFiltering="false">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="BPM" HeaderText="BPM" ShowFilterIcon="false" FilterControlAltText="Filter BPM Column"
                            SortExpression="BPM" UniqueName="BPM" HeaderStyle-Width="225" AllowFiltering="false">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="SongLength" HeaderText="Song Length" ShowFilterIcon="false" FilterControlAltText="Filter SongLength Column"
                            SortExpression="SongLength" UniqueName="SongLength" HeaderStyle-Width="225" AllowFiltering="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridTemplateColumn DataField="DanceName" HeaderText="Dances" ShowFilterIcon="false" FilterControlAltText="Filter DanceName Column"
                            SortExpression="DanceName" UniqueName="DanceName" HeaderStyle-Width="225">
                            <FilterTemplate>
                                <telerik:RadComboBox ID="rcbDanceFilter" runat="server" DataValueField="DanceIdentifier" CheckBoxes="true"
                                    DataTextField="DanceName" EmptyMessage="Filter By Dances" AllowCustomText="false" />
                            </FilterTemplate>
                            <ItemTemplate>
                                <asp:Literal ID="litDanceStyles" runat="server" Text='<%#Eval("DanceName") %>' />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>
        </telerik:RadPane>
    
        <telerik:RadSplitBar CollapseMode="Both" ID="rsbDanceLibraryPlayList" runat="server" EnableResize="true" />
    
        <telerik:RadPane ID="rpDancePlayList" runat="server" Scrolling="None">
            <telerik:RadGrid ID="rgPlayListData" runat="server" AllowPaging="true" PageSize="40" CellSpacing="0" CssClass="dancersDBStyle"
                GridLines="None" AllowSorting="true" OnNeedDataSource="rgPlayListData_NeedDataSource" AutoGenerateColumns="false"
                AllowFilteringByColumn="true" OnItemCommand="rgPlayListData_ItemCommand" OnItemCreated="rgPlayListData_ItemCreated" Width="100%" Height="100%">
                <ClientSettings>
                    <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                </ClientSettings>
                <GroupingSettings CaseSensitive="false" />
                <PagerStyle PageSizeControlType="RadComboBox" />
                <MasterTableView IsFilterItemExpanded="true" CommandItemDisplay="Top" AllowFilteringByColumn="true"
                    InsertItemPageIndexAction="ShowItemOnCurrentPage" EditMode="InPlace" DataKeyNames="SongID">
                    <CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="false" />
                    <Columns>
                        <telerik:GridButtonColumn HeaderStyle-Width="25" ButtonType="ImageButton" CommandName="RemoveSong" ImageUrl="~/Images/DancersDBImages/RemoveSong.gif"/>
                        <telerik:GridBoundColumn DataField="SongID" HeaderText="SongID" ShowFilterIcon="false" FilterControlAltText="Filter SongID Column"
                            SortExpression="SongID" UniqueName="SongID" HeaderStyle-Width="225" Display="false" AllowFiltering="false" />

                        <telerik:GridBoundColumn DataField="Song" HeaderText="Song" ShowFilterIcon="false" FilterControlAltText="Filter Song Column"
                            SortExpression="Song" UniqueName="Song" HeaderStyle-Width="225" AllowFiltering="false">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="Artist" HeaderText="Artist" ShowFilterIcon="false" FilterControlAltText="Filter Artist Column"
                            SortExpression="Artist" UniqueName="Artist" HeaderStyle-Width="225" AllowFiltering="false">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="BPM" HeaderText="BPM" ShowFilterIcon="false" FilterControlAltText="Filter BPM Column"
                            SortExpression="BPM" UniqueName="BPM" HeaderStyle-Width="225" AllowFiltering="false">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="SongLength" HeaderText="Song Length" ShowFilterIcon="false" FilterControlAltText="Filter SongLength Column"
                            SortExpression="SongLength" UniqueName="SongLength" HeaderStyle-Width="225" AllowFiltering="false">
                        </telerik:GridBoundColumn>

                        <telerik:GridBoundColumn DataField="DanceName" HeaderText="Dances" ShowFilterIcon="false" FilterControlAltText="Filter DanceName Column"
                            SortExpression="DanceName" UniqueName="DanceName" HeaderStyle-Width="225" AllowFiltering="false">
                        </telerik:GridBoundColumn>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>
        </telerik:RadPane>
    </telerik:RadSplitter>
    <telerik:RadWindowManager ID="rwmEmptyPlaylist" runat="server" EnableShadow="true">
    </telerik:RadWindowManager>
</div>